<script setup lang="ts">
    import RenderNotice from '@/components/NoticeBox/Content/List/Render/index.vue';

    // 属性
    defineProps<{noticeData: any}>();

</script>
<template>
    <ul class="notice-list">
        <li class="notice-item" v-for="(item, index) in noticeData" :key="index">
            <render-notice :data="item" :index="item.remind_type" />
        </li>
    </ul>
</template>
<style lang="less" scoped>

    .notice-list {
        margin: 5px;
        li {
            padding: 8px;
        }
        li:hover { 
            background: rgba(37,38,50,.08);
            border-radius: 10px;
            cursor: pointer;
        }
    }

</style>